﻿<style type="text/css">
.question_list section .question_list_section_footer_bodytmallbody li .done_que{    width: 15px;height: 15px;float: left;position: relative;left: 15px;top: 2px;background: #ffa300;border-radius: 3px;}
.Intelligent_pumpingfooterright .btn.active{background-color: #39f;border: 1px solid #39f;transition: all 0.3s ease 0s;color: #fff;}
.question_list section .question_list_section_footer_btngroup .btn.done_que {background: #ffa300;}
.question_list_section_body_right .question_list_section_body_right_fenlei:hover .question_list_section_body_right_fenleititle {color:#39f;}
.tooltip_class{width:200px;margin-left:40px;}
.tooltip_zi_class{width:220px;}
.question_list_nav_head_left .toolclass{float: left;margin-right: 20px;color: #999;cursor: pointer;}
</style>
<div class="question_list" ng-controller="stuQueList">
	<header class="question_list_nav_head" style="top:10px;">
        
		<ul class="question_list_nav_head_left" style="height: 40px;">            
			<li>
                <div class="btn" ng-if="!headerShow && typeId == 0&&ishome" style="background: #39f;float: left;color: #fff;height:20px;padding: 0px 5px;" ng-click="back()">{{'Back'|T}}</div>
                {{'KnowledgeClassification'|T}}:<span class="question_list_nav_head_fenlei" ng-click="playOpenList(0)" ng-bind="knowledgeName"></span>
                <i class="iconfont" style="right:0px;float:right;" ng-show="!headerShow && typeId == 0" ng-click="queInfoMenu = !queInfoMenu">&#xe6e9;</i>
            </li>
            <li ng-click="playParent()" ng-if="backBtn && typeId ==0"><i class="iconfont" style="color:#3399ff" >&#xe73a;</i>{{'Back'|T}}</li>
            <li ng-click="playOpenList(0)" ng-if="typeId != 0 "><i class="iconfont" style="color:#3399ff" >&#xe73a;</i>{{'Back'|T}}</li>
			<li ng-click="playOpenList(2)" ng-if="typeId == 0" class="toolclass" tooltips tooltip-template="{{userQuestionsInfo.knowledge.knowledge_Name}}的试题收藏"><i class="iconfont" style="color:#ffba00" >&#xe67e;</i>{{'MyCollectionOfQuestions'|T}}</li>
			<li ng-click="playOpenList(1)" ng-if="typeId == 0" class="toolclass" tooltips tooltip-template="{{userQuestionsInfo.knowledge.knowledge_Name}}的错题练习"><i class="iconfont" style="color:#3399ff" >&#xe612;</i>{{'MyErrorBook'|T}}</li>                                
		</ul>       
        <!--正常练习-->
		<div class="question_list_nav_head_right" ng-if="typeId == 0 && headerShow"> 
			<span><i class="iconfont">&#xe6bc;</i>{{'TotalNumberOfTopics'|T}}</span>：{{userQuestionsInfo.totleQuestion | is_null}} {{'Topic'|T}}，
            <!--<m ng-if="!backBtn && typeId ==0"><span>时长</span>：{{formatDuring(userQuestionsInfo.totleTime)}},</m>-->
            <span>{{'AlreadyAnswered'|T}}</span>：{{userQuestionsInfo.doCount | is_null}}{{'Topic'|T}}，
            <span>{{'NotAnsweringQuestions'|T}}</span>：{{userQuestionsInfo.dontCount | is_null}}{{'Topic'|T}}，
            <span>{{'CorrectRate'|T}}</span>:{{userQuestionsInfo.correctRate| is_null}}%<i class="iconfont" tooltips  tooltip-template="正确率=答对次数/总答题次数">&#xe648;</i>，
            <span>{{'CompletionDegree'|T}}</span>:{{userQuestionsInfo.allcorrectRate|is_null}}%<i class="iconfont" tooltips  tooltip-template="完成度=最后答对题目/分类总题数">&#xe648;</i>
            <i style="margin-right:20px;" class="iconfont" tooltip-side="bottom left" tooltip-class="tooltip_class" tooltips  tooltip-template="正确的次数:{{userQuestionsInfo.allcorrotCount}}次</br>总答题次数:{{userQuestionsInfo.alltotleCount}}次</br>正确题目数:{{userQuestionsInfo.allcorrotQuestionCount}}题</br>时长:{{formatDuring(userQuestionsInfo.totleTime)}}">&#xe6e8;</i>            
		</div>
        <!--错题、收藏-->
        <div class="question_list_nav_head_right" ng-if="typeId == 1 || typeId == 2" style="margin-right:20px;">
			<span><i class="iconfont">&#xe6bc;</i>{{typeId == 1?('WrongNumber'|T):('CollectionNum'|T)}}</span>：{{userQuestionsInfo.totleQuestion | is_null}}{{'Topic'|T}}                
		</div>
        <ul class="dropdown-menu" style="z-index:1;width:230px;" ng-if="queInfoMenu && !headerShow">
                <li><span>{{'TotalNumberOfTopics'|T}}</span>：{{userQuestionsInfo.totleQuestion | is_null}}{{'Topic'|T}}</li>
                <li><span>{{'AlreadyAnswered'|T}}</span>：{{userQuestionsInfo.doCount | is_null}}{{'Topic'|T}}</li>
                <li><span>{{'NotAnsweringQuestions'|T}}</span>：{{userQuestionsInfo.dontCount | is_null}}{{'Topic'|T}}</li>
                <li><span>{{'CorrectRate'|T}}</span>:{{userQuestionsInfo.correctRate| is_null}}%<i class="iconfont" tooltips tooltip-template="正确率=答对次数/总答题次数">&#xe648;</i></li>
                <li><span>{{'CompletionDegree'|T}}</span>:{{userQuestionsInfo.allcorrectRate|is_null}}%<i class="iconfont" tooltips tooltip-template="完成度=最后答对题目/分类总题数">&#xe648;</i></li>
                <li><span>{{'CorrectTimes'|T}}</span>：{{userQuestionsInfo.allcorrotCount | is_null}}{{'second'|T}}</li>
                <li><span>{{'TotalAnswerTimes'|T}}</span>：{{userQuestionsInfo.alltotleCount | is_null}}{{'second'|T}}</li>
                <li><span>{{'CorrectNumberOfItems'|T}}</span>：{{userQuestionsInfo.allcorrotQuestionCount | is_null}}{{'Topic'|T}}</li>
                <li><span>{{'LengthOfTime'|T}}</span>：{{formatDuring(userQuestionsInfo.totleTime)}}</li>
        </ul>
	</header>
	<section>
         <loading isloading="queLoading" ng-if="queLoading"></loading>  
        <!-- 面包屑 -->
		<div class="question_list_section_header" style="background:#fff" ng-if="false">
			<i class="iconfont">&#xe64c;</i><span>{{'Back'|T}}</span>
            &nbsp;|&nbsp;<span>全部分类</span>&nbsp;>&nbsp;<span>初中试题</span>&nbsp;>&nbsp;<span>数学</span>
		</div>
        <!-- 能力图 -->
		<div class="question_list_section_body" ng-show="questionsChildCount >0">
			<div class="question_list_section_body_left">
				<div class="question_list_section_body_left_title" style="width:98%;"><span>{{'AbilityTendencies'|T}}</span><i class="iconfont" style="float:right;margin-top:-18px; cursor:pointer;" ng-click="enlargeOpen()">&#xe622;</i>                
                </div>
				<div class="question_list_section_body_left_body" id="abilityData"></div>
				<div class="question_list_section_body_left_footer">{{'TheKnowledgeAbilityTendency'|T}}<strong>({{'random'|T}}TOP10)</strong></div>
			</div>
            <!--图表右边的信息-->
			<ul class="question_list_section_body_right">
                <li class="question_list_section_body_right_fenlei question_list_section_ydt" ng-repeat="queItem in questionsChildInfoList | orderBy:knowledge_Name">
					<div class="question_list_section_body_right_fenleititle" style="cursor:pointer;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;" ng-bind="queItem.knowledge.knowledge_Name" ng-click="openChild(queItem.knowledge)">语文</div>
					<div class="question_list_section_body_right_fenleixq">
                        <span class="tiku_fail" ng-class="{'tiku_fail':queItem.correctRate<60,'tiku_good':queItem.correctRate>=60&&queItem.correctRate<90,'tiku_excellent':queItem.correctRate>=90}" ng-bind="queItem.correctRate >90 ?'优':(queItem.correctRate >=60 ?'良':'差')">差</span>{{queItem.doCount | is_null }}/{{queItem.totleQuestion | is_null}}{{'Topic'|T}}，{{'CorrectRate'|T}}{{queItem.correctRate}}%<i class="iconfont" tooltips tooltip-class="tooltip_zi_class" tooltip-template="正确率=答对次数/总答题次数">&#xe648;</i>，{{'CompletionDegree'|T}}{{queItem.allcorrectRate}}%<i class="iconfont" tooltips tooltip-class="tooltip_zi_class" tooltip-template="完成度=最后答对题目/分类总题数">&#xe648;</i></div>
					<div class="question_list_section_body_right_fenleicaozuo">
							<div ng-click="btnRequestChild(queItem)"><i class="iconfont">&#xe6b1;</i>{{'SequentialAnswer'|T}}</div>
							<div ng-click="smartQue(queItem)"><i class="iconfont">&#xe6d0;</i>{{'IntelligentProblemExtraction'|T}}</div>
							<div ng-click="childError(queItem.knowledge)"><i class="iconfont"></i>{{'WrongExercises'|T}}</div>
					</div>
				</li>
			</ul>
		</div>
        <!-- 题目列表 -->
		<div class="question_list_section_footer">
			<div class="question_list_section_footer_header">
				<div class="question_list_section_footer_header_left" ><i class="iconfont"></i>{{userQuestionsInfo.knowledge.knowledge_Name}}({{'ListOfTopics'|T}})
                    
                </div>
				<div class="question_list_section_footer_header_right" ng-if="true">
                    <div ng-if="typeId == 0">{{'HaveBeenAnswered'|T}}：<div style="    width: 30px;height: 20px;background: #ffa300;float: right;border-radius: 3px;"></div></div>
                    <!--&nbsp;|&nbsp;<span class="timuall">全部></span>-->
					<span ng-bind="'1-40，('Common'|T)'+(userQuestionsInfo.totleQuestion|is_null)+('Topic'|T)" ng-if="false"></span>
				</div>
			</div>
			<div class="question_list_section_footer_body">
                <!-- 全部题目 -->
				<ul class="question_list_section_footer_bodybftm" >
					<li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li>
                    <div class="clear"></div>
				</ul>
                <!-- 题目组 -->
				<div class="question_list_section_footer_bodytmall" style="width:100%">
					<div class="question_list_section_footer_bodytmalltop" style="height:170px;"><!--计算高度question_list_section_footer_body 高度-35-->
					<div class="question_list_section_footer_bodytmallhead" ng-if="false">{{'AllQuestions'|T}}</div>
					    <ul class="question_list_section_footer_bodytmallbody">
                            <li ng-repeat="item in questionsGroup" ng-class="{active:item.key == selectKey}" ng-click="selGroup(item.key)" >
                                <div ng-class="{'done_que':item.doneFlag}"></div>
                                <div ng-bind="item.value"></div>
                            </li>
					    </ul>
					</div>
					<div class="question_list_section_footer_bodytmallfooter">
						<div class="question_list_section_footer_bodytmallfooter_left">
							{{'Common'|T}}{{userQuestionsInfo.totleQuestion|is_null}}{{'Topic'|T}}，当前{{questionsGroup[selectKey-1].value|is_null}}{{'Topic'|T}}
						</div>
						<div class="question_list_section_footer_bodytmallfooter_right" ng-if="false">
							<input type="" name="">-<input type="" name=""><div class="btn"><i class="iconfont">&#xe621;</i>查找</div>
						</div>						
					</div>
				</div>
			</div>			
		</div>
        <!-- 按钮 -->
		<div class="question_list_section_footer_btngroup"  ng-if="questionsGroup.length>0">			
			<div class="btn" ng-if="typeId == 0"ng-class="{'done_que':!selectKey }" ng-click="smartQue()"><i class="iconfont">&#xe6d0;</i>{{'IntelligentProblemExtraction'|T}}</div>
			<div class="btn" ng-if="false"><i class="iconfont">&#xe600;</i>{{'ContinueTheAnswer'|T}}</div>
			<div class="btn" ng-click="btnRequest()"><i class="iconfont">&#xe600;</i>{{'StartTheAnswer'|T}}</div>
		</div>

	</section>
    <!--智能抽题弹框-->
    <div ng-if="smartQueShow">
        <div class="loading_bg" style="z-index: 1000" ng-click="closeQue()">
        </div>
        <div class="Intelligent_pumping" style="left: inherit;margin: 0;width: 100%;max-width: 1140px;top: 15%;">
            <div class="Intelligent_pumpingbody">
                <div class="Intelligent_pumpingtitle">
                    {{'IntelligentProblemExtraction'|T}}
                    <div class="close" ng-click="closeQue()">
                        <span>+</span></div>
                </div>
                <ul class="Intelligent_pumpingmain">
                    <li>
                        <label>{{'TestType'|T}}：</label>
                        <div class="btn" ng-class="{'active':tItem.flag}" ng-repeat="tItem in queTypeList" ng-click="switchTypeQue(tItem)" ng-bind="tItem.name" style="margin-right: 4px;margin-top: 10px;">
                            {{'ChoiceQuestion'|T}}</div>
                    </li>
                    <li>
                        <label>{{'TestDifficulty'|T}}：</label>
                        <div class="btn" ng-class="{'active':dItem.flag}" ng-repeat="dItem in queDifficultyList" ng-click="switchDiffQue(dItem)" ng-bind="dItem.name" style="margin-right: 4px;margin-top: 10px;">
                            简单题</div>
                    </li>
                </ul>
                <div class="Intelligent_pumpingfooter" style=" overflow:hidden;">
                    <div class="Intelligent_pumpingfooterleft" style="line-height: 25px; float:left;">
                        {{'screenedOut'|T}} <span style="color:Red; font-weight:bold;">{{questionCount|is_null}}</span> {{'Topic'|T}}</div>
                    <div class="Intelligent_pumpingfooterright" style="clear: none;float: right;    position: inherit; margin-top:0;">                        
                        <div class="btn" ng-class="{'active':getSmartQueParams.queNum==40}" ng-click="getSmartQueParams.queNum = 40" style=" margin-right:0">
                            40{{'Topic'|T}}</div>
                        <div class="btn" ng-class="{'active':getSmartQueParams.queNum==80}"  style=" margin-top:0;" ng-click="getSmartQueParams.queNum = 80">
                            80{{'Topic'|T}}</div>
                        <div style=" float:right;margin-left: 0;">
                                 
                            <input type="number" style="width: 50px;height: 20px;border-radius: 5px;"  min="0"  max="10000" ng-model="getSmartQueParams.queNum"/>                            
                            <div class="btn" ng-click="smartRequest()" style="margin: 0;">
                                <i class="iconfont">&#xe621;</i>{{'generate'|T}}
                            </div>                                                                                                                      
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--放大-->
    <div class="loading_bg" style="z-index: 998;background: #fff;opacity: 1;" ng-show="enlargeShow">
        <i class="iconfont" style="float:right;margin-top:100px; cursor:pointer;" ng-click="enlargeClose()">&#xe610;</i>
        <div style="width:800px;height:800px;margin:5% auto;" id="enlargeData">
        
        </div>
    </div>
</div>


